<template>
	<view class="menu">
		<uni-list>
			<uni-list-item-menu showArrow="true" show-extra-icon="true" v-for="item in list" :title="item.title" :extraIcon="item.extraIcon" :key="item.title" />
		</uni-list>
	</view>
</template>

<script>
	import uniList from '@/components/uni-list/uni-list.vue'
	import uniListItemMenu from '@/components/uni-list-item/uni-list-item-menu.vue'
	export default{
		components:{
			uniList,
			uniListItemMenu
		},
		props:['list'],	
		methods:{
			change(){
				
			}
		}
	}
</script>

<style lang="scss">
	.menu {
		background: #fff;
		margin-top: 15rpx;
	
		.menu_item {
			display: flex;
			height: 80rpx;
			line-height: 80rpx;
			padding-left: 35rpx;
	
			.menu_name {
				margin-left: 50rpx;
			}
		}
	}
</style>
